<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--    <script src="jquery-3.7.1.min.js"></script>-->

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>


<!--<input type="radio" name="gender" value="male" checked="checked"> 男-->
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女


<hr>

<!--prop方法一般操作checked/disabled/enabled/selected-->
<input type="checkbox" name="hobby" value="sport">运动
<input type="checkbox" name="hobby" value="coding">编程
<input type="checkbox" name="hobby" value="gaming">游戏

<hr>


<button class="edit-book" data-id="1001" data-name="root">编辑</button>

<hr>


<input type="text" name="username" value="admin"> 用户名 <br>

<!--
    prop操作状态属性
    attr操作自带的属性 id name / 还可以添加自定义属性
-->

<script>

    $(":text").removeAttr('name');

    // $(":text").attr('abc', 'xyz');
    // console.log($(":text").attr('name'));
    // $(":text").attr('name','myloginusername');
    // console.log($(":text:first").val());
    // $(":text:first").val('root');

    // $(".edit-book").click(function () {

    // console.log($(this).data('id'));
    //
    // $(this).data('id','2000');
    //
    // console.log($(this).data('id'));
    //
    // $(this).removeData('id');
    // console.log($(this).data('id'));
    // alert('泥嚎');
    // [object HTMLButtonElement] //dom对象
    // alert(this);

    // alert($(this));


    // var dataval = $(this).data('id');
    // alert(dataval);
    // var dataname = $(this).data('name');
    // alert(dataname);

    // $(this).data('id','1008');
    // $(this).data('id',1008);
    // })

    // $(":radio:last").prop('checked', true);
    // console.log($(":radio:first").prop('checked'));

    // $(":checkbox").prop('checked',true);

</script>
</body>
</html>